<!-- 树形控件 多层可选中 -->
<template>
    <div class="tree">
        <el-tree :data="zCollapseData" :props="{ label: 'name', children: 'data' }" show-checkbox node-key="id" :default-expanded-keys="[2, 3]" :default-checked-keys="[5]"> </el-tree>
    </div>
</template>

<script>
export default {
    name: "",
    data() {
        return {}
    },
    props: {
        zCollapseData: Array,
    },
    components: {},

    computed: {},

    mounted() {},

    methods: {},
}
</script>
<style lang='scss' scoped>
.el-tree {
    ::v-deep .el-tree-node {
        min-height: 1rem;

        border-bottom: 1px solid #eee;
    }
    ::v-deep .el-tree-node__content {
        height: 0.5rem;
    }
    ::v-deep .expanded,
    ::v-deep .el-tree-node__expand-icon {
        display: none;
    }
    ::v-deep .el-tree-node__label {
        font-size: 20px !important;
    }
}
</style>